{% extends "commons/layout.html" %} {% block css %}
<link rel="stylesheet" href="/css/order_confirm.css"> {% endblock %} {% block content %}
<div class="wrapper">
    <p class="title">发货地址</p>
    <div class="address-section">
        <div class="address-list">
            {% for item in addresses %}
                <label for="" class="radio-label">
                    <input value="{{item.id}}" name="address" type="radio"> {{item.city}}市{{item.address}}-{{item.name}}-{{item.phone}} <span></span>
                </label>
            {% endfor %}
        </div>
        <div class="new-address">
            <div class="select-new">
                <label for="" class="radio-label">
                    <input name="address" value="new" type="radio"> <span>添加新地址</span>
                </label>
            </div>
            <div class="add-address-form">
                <div class="form-group">
                    <div class="label">收货人：</div>
                    <div class="form-input-group">
                        <input id="userName" type="text" class="form-control">
                        <span class="error-message">请填写收货人</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="label">所在地区：</div>
                    <div class="form-input-group">
                        <select name="" id="province" class="form-control-select">
                            <option value="">省</option>
                        </select>
                        <select name="" id="city" class="form-control-select">
                            <option value="">市</option>
                        </select>
                        <select name="" id="area" class="form-control-select">
                            <option value="">区</option>
                        </select>
                        <span class="error-message">请选择省市区</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="label">详细地址：</div>
                    <div class="form-input-group">
                        <textarea id="address" class="address-detail" name="" id="" cols="30" rows="10"></textarea>
                        <span class="error-message">请填写详细地址</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="label">联系方式：</div>
                    <div class="form-input-group">
                        <input id="userPhone" type="text" class="form-control address-tel">
                        <span class="error-message">请填写联系方式</span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="form-input-group add-new-address">
                        <label for="" class="radio-label">
                            <input type="checkbox"> <span class="add-new-address-text">设为默认地址</span>
                        </label>
                    </div>
                </div>
                <div class="form-group">
                    <button id="confirm-address" class="add-address-btn">确认收货地址</button>
                </div>
            </div>
        </div>
    </div>
    <p class="title order-title">确认订单</p>
    <div class="order-section">
        <div class="shop-info">
            <p>卖家：万能工厂</p>
            <!-- <img src="/img/contact_icon.png" alt=""> -->
        </div>
        <div class="order-info">
            <span class="order-title">订单1：</span>
            <div class="table">
            </div>
        </div>
        <div class="jiaoyileixing">
            <label for="">交易类型：</label>
            <!-- <span data-tradeType="ONLINE" class="active">在线担保交易</span> -->
            <span data-tradeType="OFFLINE" class="active">线下担保交易</span>
        </div>
    </div>
    <div class="total-section">
        <div class="total-right">
            <p>运费共计：<span class="freight">0.00</span>元</p>
            <p>货品总金额：<span class="totalPrice"></span>元</p>
            <p>应付总额（含运费）：<span class="payPrice">0.00</span>元</p>
        </div>
        <div class="total-left">
            <span>总计：</span>
            <span>货品种类：1种 数量总计：<i class="quantities"></i>件</span>
        </div>
    </div>
    <div class="total-price">
        应付总额（含运费）：<span class="payPrice"></span>元
    </div>
    <div class="btn-group">
        <button class="submit-btn">
            提交订单
        </button>
    </div>
</div>
<script src="/vendor/jquery/dist/jquery.min.js"></script>
<script src="/vendor/nunjucks/browser/nunjucks.min.js"></script>
<script src="/js/order_confirm.js"></script>
{% endblock %}